<div class="neoslideshow">
  <img src="http://garena.vn/images/articles/htl.vn_zeus/1-custom-map/9033.jpg"/>
  <img src="http://garena.vn/images/articles/htl.vn_zeus/1-custom-map/9034.jpg"/>
  <img src="http://garena.vn/images/articles/htl.vn_zeus/1-custom-map/9033.jpg"/>
  <img src="http://garena.vn/images/articles/htl.vn_zeus/1-custom-map/9034.jpg"/>
  <img src="http://garena.vn/images/articles/htl.vn_zeus/1-custom-map/9033.jpg"/>
</div>

<style>
    .neoslideshow {
        margin: 20px auto 0 auto;
    }

    .neoslideshow {
        position: relative;
        width: 640px;
        height: 480px;
    }

    .neoslideshow img {
        width: 640px;
        height: 480px;
    }

    .neoslideshow img {
        position: absolute;
        left: 0;
        top: 0;
    }
</style>

<script>
    $(function () {
        $('.neoslideshow img:gt(0)').hide();
        setInterval(
              function () {
                  $('.neoslideshow :first-child').fadeOut()
                        .next('img').fadeIn()
                        .end().appendTo('.neoslideshow');
              },
              2000
        );
    })
</script>